﻿@charset "UTF-8";
/* @import url("../modules/small_component.css"); */

.search_main .search-container{
  padding: 0 20px;
  background-color:#fff;
  min-height: auto;
}
.pt64{ padding-top: 64px;}
.search_wrap .spinner{ position: fixed; top: 42%; z-index: 1000;}
.spinner > div{ width: 16px; height: 16px;}
.search_main{ color: #9c9c9c; border: none; background-color: #f7f7f7; width: 1200px; overflow: hidden; display: block; margin-bottom: 0px;}
.search_main .upper{ width: 1200px; background-color: #fff; float: none; min-height: 0; padding: 17px 20px !important; margin-bottom: 10px !important;}
.search_main .up_left{ color: #333;}
.search_main .up_left .item{ margin-right: 54px; position: relative; cursor: pointer;}
.search_main .up_left .item.current{ color: #44b549;}
.search_main .up_left .item:after{ content: ''; position: absolute; top: 6px; right: -14px;  border: 4px solid transparent; border-top-color:#9c9c9c;}
.search_main .up_left .item.current:after{ border-top-color:#44b549;}
.search_main .middle{ width: 1210px; min-height: 648px; float: none; padding-bottom: 0 !important; margin-bottom: 0 !important;}
.search_main .fenlei_up,.search_main .pic_size_up{ display: none; border-top:1px solid #e5e5e5; margin-top: 12px; padding-left: 10px;}
.search_main .fenlei_up span{ float: left; width: 56px; margin:12px 39px 0 0; cursor: pointer; text-align: center; height: 16px; line-height: 16px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.search_main .fenlei_up span:hover,.search_main .pic_size_up .item:hover{ color: #44b549;}
.search_main .pic_size_up .item{ float: left; margin:12px 38px 0 0; cursor: pointer; height: 16px; line-height: 16px; }
.pic_size_up .custom{ clear: both; padding-top: 16px; font-size: 12px;}
.pic_size_up .custom em.xing{ margin: 0 6px 0 5px; vertical-align: middle; display: inline-block; font-style: normal; padding-top: 4px;}
.pic_size_up .custom em.custom_wz{ vertical-align: middle; font-style: normal; font-size: inherit; line-height: 18px;}
.pic_size_up .custom input{ width: 48px; height: 18px; line-height: 18px; border-width: 1px; vertical-align: middle;}
.pic_size_up .custom input[type=text]{ border-color: #e5e5e5; text-indent: 5px;}
.pic_size_up .custom input[type=button]{ border: none; background-color: #44b549; color: #fff; margin-left: 3px;}



/*图片列表start*/
.search_piclist{ position: relative;}
.search_piclist p.no_content{ padding-top: 150px; text-align: center;}
.search_piclist .pic_item {
    min-height: 66px;
    width: 232px;
    cursor: pointer;
    opacity: 0;
    background-image: url();
    background-repeat: repeat;
    background-color: #fff;
}
.search_piclist .pic_item.bg_color1{ background-color: #f99191;}
.search_piclist .pic_item.bg_color2{ background-color: #f991f0;}
.search_piclist .pic_item.bg_color3{ background-color: #c491f9;}
.search_piclist .pic_item.bg_color4{ background-color: #f9c991;}
.search_piclist .pic_item.bg_color5{ background-color: #91e4f9;}
.search_piclist .pic_item.animate {
   /* -webkit-transform: translateY(200px);
    transform: translateY(200px);*/
    -webkit-animation: moveUp 0.65s ease forwards;
    -moz-animation: moveUp 0.65s ease forwards;
    animation: moveUp 0.65s ease forwards;
}

@-webkit-keyframes moveUp {
    0% { }
    100% { /*-webkit-transform: translateY(0);*/ opacity: 1; }
}
@-moz-keyframes moveUp {
    0% { }
    100% { /*-moz-transform: translateY(0);*/ opacity: 1; }
}
@keyframes moveUp {
    0% { }
    100% { /*transform: translateY(0);*/ opacity: 1; }
}

.search_piclist .pic_item img{ width: 100%;}
.search_piclist .shade{ padding: 8px; position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(0,0,0,0.5); opacity: 0; cursor: default;
-webkit-transition: all .6s; -moz-transition: all .6s; transition: all .6s;
-webkit-transform: translate(0px,20px); -moz-transform: translate(0px,20px); transform: translate(0px,20px);
}
.search_piclist .pic_item:hover .shade{ opacity: 1;
-webkit-transform: translate(0px,0px); -moz-transform: translate(0px,0px); transform: translate(0px,0px);
}
.search_piclist .shade p{ margin-bottom: 6px; height: 16px; line-height: 16px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; color: #fff;}
.search_piclist .icon_btn a:hover{ text-decoration:none;}
.search_piclist .icon_btn .iconfont{ color: #fff; font-size: 20px; float: left; margin-right: 9.75%; cursor: pointer;}
.search_piclist .icon_btn .iconfont:last-child{ float: right;}
.search_piclist .icon_btn .iconfont:nth-last-child(2){ float: right; margin-right: 0;}
.search_piclist .icon-fenxiang{ position: relative;}
.search_piclist .icon-fenxiang .share{ display: none; box-sizing:content-box; width: 18px; padding: 5px 5px 0; position: absolute; left: -3px; top: -59px; border-radius: 5px; background-color: #fff;}
.search_piclist .icon-fenxiang .share:after{ content: ''; position: absolute; bottom: -8px; left: 50%; margin-left: -4px; border: 4px solid transparent; border-top-color:#fff;}
/*图片列表end*/

/*分享*/
.share a {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    text-decoration:none;
    display: block;
    color: #fff;
}

.share .qzone {
    color: #f5b101;
}

.share .weixin {
    color: #44b549;
    font-size: 15px;
}

.share .sina {
    color: #f56467;
    font-size: 19px;
    top: 2px!important;
}

.share .qzone:before {
    content: '\e610';
}

.share .weixin:before {
    content: "\e620";
}

.share .sina:before {
    content: "\e614";
}